<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#39a9ed">
       <van-swipe-item v-for="(image,index) in images" :key="index"><img style="width: 360px" :src="image"/></van-swipe-item>
    </van-swipe>

</template>

<script>
    export default {
        name: "Slider",
        data() {
            return {
                images: [
                    require("../images/banner1.jpg"),
                    require("../images/banner2.jpg"),
                    require("../images/banner3.jpg")
                ],
            }
        }
    }
</script>

<style scoped>
    .my-swipe .van-swipe-item {
        font-size: 20px;
        line-height: 80px;
        text-align: center;
    }
</style>
